<template>
    <view class="wrap" style="margin-bottom: 20upx">
        <u-swiper height="100%" :list="advertList" keyName="imgUrl"></u-swiper>
    </view>
</template>

<script>
import { mmvImageUrl } from '@/util';

export default {
    name: 'MmvSwiper',
    computed: {
        advertList() {
            const list = this.$store.state.home.advertList || [];
            return list.map(val => {
                return val.imgUrl = mmvImageUrl(val.imgUrl);
            });
        },
    },
};
</script>

<style lang="scss" scoped>
.wrap {
    width: 678upx;
    height: 228upx;
    margin: 0 auto;
    overflow: hidden;
}
</style>
